<template>
  <div id="Newactivity">
    <div class="contaier">
      <div class="title">
        <img src="@/assets/images/laba.png" alt="" />
        <div>最新活动</div>
      </div>
      <div class="item-box">
        <div class="info-item">
          <div class="info-title font-weight700">综合评价初审一对一包过</div>
          <div class="time f12" style="color: #666">2024-02-26 15:19:51</div>
        </div>
      </div>
    </div>
    <div class="apply f14">
      <div style="color: #999">以报名：</div>
      <div class="number">0人</div>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
#Newactivity {
  position: relative;
  width: 330px;
  height: 260px;
  background: #fff;
  box-shadow: 3px 0 20px 0 #ddd;
  border-radius: 8px;
  overflow: hidden;
  .contaier {
    padding: 0 15px;
  }
  .title {
    display: flex;
    align-items: center;
    padding: 10px 0;
    img {
      width: 22px;
      height: 20px;
      margin-right: 8px;
    }
  }
  .item-box {
    margin: 0 0 20px 0;
    .info-item {
      margin: 0 0 10px 0;
    }
  }
  .apply {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
  }
  .number {
    color: var(--color-text);
  }
}
</style>
